var vm = new Vue({
    el: '#app',
    data: {
        //首页
        offerCard: [
            {
                img: 'img/card1.png',
                title: "广告管理",
                desc: "广告由公司远程智能管理，精准投放到每个房间。"
            },
            {
                img: 'img/card2.png',
                title: "设备查询",
                desc: "合伙人手机管理，实时掌握设备和销售情况。"
            },
            {
                img: 'img/card3.png',
                title: "设计特点",
                desc: "人性化设计，人体感应控制控制开待机，不影响客人休息。"
            },
            {
                img: 'img/card4.png',
                title: "商品类型",
                desc: "商品种类多，以特色、进口为主，满足客人及时需求。"
            },
            {
                img: 'img/card5.png',
                title: "网络状态",
                desc: "WiFi和蓝牙双联网，直插和电池双供电，用户体验更顺畅。"
            },
            {
                img: 'img/card6.png',
                title: "酒店问题",
                desc: "能够帮助酒店解决现有商品销售的问题。"
            }
        ],
        swiper_items: [
            {
                img: 'img/swiper_item_1.png'
            },
            // {
            // 	img: 'img/swiper_item_2.png')
            // },
            {
                img: 'img/swiper_item_3.png'
            },
            // {
            //   img: 'img/swiper_item_4.png")
            // },
            {
                img: 'img/swiper_item_5.png'
            }
        ],
        swiper: null, //轮播对象
        swiper_top: null, //顶部轮播对象
        swiperRealIndex: 0,
        //合作加盟
        tabs: ['加盟合伙人', '酒店痛点'],
        activeIndex: 0,
        //广告招商
        ad_box2_card: [{
            img: 'img/ad_box2_1.png',
            title: '人群',
            desc: '一米零兽，酒店细分人群，广告更精准；'
        },
        {
            img: 'img/ad_box2_2.png',
            title: '效果',
            desc: '酒店客房干扰小，广告效果会更好；'
        }, {
            img: 'img/ad_box2_3.png',
            title: '成本',
            desc: '广告费低至1元1天，可精准投放到某个房间，更节约广告成本。'
        },
        {
            img: 'img/ad_box2_4.png',
            title: '内容',
            desc: '本地美食、土特产和酒店周边商家，更能吸引用户消费。'
        }
        ],
        step_items: [{
            title: 'STEP 01',
            desc: '打开手机扫一扫屏幕上方二维码    选定需要投放的广告区域、目标酒店'
        }, {
            title: 'STEP 02',
            desc: '自助选择需要投放的广告数量，起止日期'
        }, {
            title: 'STEP 03',
            desc: '上传需要投放的广告图片或视频   通过审核后即可正式投放'
        }],
        step_items2: [{
            title: 'STEP 01',
            sub_title: '扫码登录',
            desc1: '手机扫一扫屏幕上方二维码',
            desc2: '进入一米零兽广告系统'
        }, {
            title: 'STEP 02',
            sub_title: '设置参数',
            desc1: '选定投放的区域，酒店，时',
            desc2: '间以及广告数量'
        }, {
            title: 'STEP 03',
            sub_title: '上传资料',
            desc1: '上传广告素材，审核通过之',
            desc2: '后即可正式投放'
        }],
        swiper_items2: [{
            img: 'img/ad_swiper_item_img.png',
            title: '美味火锅*一米零兽1',
            desc1: '准确的自身定位，内容垂直；通过一米零售播放完成用户从线上了解当地美食，到线下门店去吃火锅的商业变现过程。又达到了品牌宣传推广的作用。',
            desc2: `投放广告数量<span style='color:#F9446B;'>4000台机子</span>,<br>问卷调查限制<span style='color:#F9446B;'>6000人</span>通过一米零售平台转化。`
        },
        {
            img: 'img/ad_swiper_item_img.png',
            title: '美味火锅*一米零兽2',
            desc1: '准确的自身定位，内容垂直；通过一米零售播放完成用户从线上了解当地美食，到线下门店去吃火锅的商业变现过程。又达到了品牌宣传推广的作用。',
            desc2: `投放广告数量<span style='color:#F9446B;'>4000台机子</span>,<br>问卷调查限制<span style='color:#F9446B;'>6000人</span>通过一米零售平台转化。`
        }, {
            img: 'img/ad_swiper_item_img.png',
            title: '美味火锅*一米零兽3',
            desc1: '准确的自身定位，内容垂直；通过一米零售播放完成用户从线上了解当地美食，到线下门店去吃火锅的商业变现过程。又达到了品牌宣传推广的作用。',
            desc2: `投放广告数量<span style='color:#F9446B;'>4000台机子</span>,<br>问卷调查限制<span style='color:#F9446B;'>6000人</span>通过一米零售平台转化。`
        }, {
            img: 'img/ad_swiper_item_img.png',
            title: '美味火锅*一米零兽4',
            desc1: '准确的自身定位，内容垂直；通过一米零售播放完成用户从线上了解当地美食，到线下门店去吃火锅的商业变现过程。又达到了品牌宣传推广的作用。',
            desc2: `投放广告数量<span style='color:#F9446B;'>4000台机子</span>,<br>问卷调查限制<span style='color:#F9446B;'>6000人</span>通过一米零售平台转化。`
        }, {
            img: 'img/ad_swiper_item_img.png',
            title: '美味火锅*一米零兽5',
            desc1: '准确的自身定位，内容垂直；通过一米零售播放完成用户从线上了解当地美食，到线下门店去吃火锅的商业变现过程。又达到了品牌宣传推广的作用。',
            desc2: `投放广告数量<span style='color:#F9446B;'>4000台机子</span>,<br>问卷调查限制<span style='color:#F9446B;'>6000人</span>通过一米零售平台转化。`
        },
        {
            img: 'img/ad_swiper_item_img.png',
            title: '美味火锅*一米零兽6',
            desc1: '准确的自身定位，内容垂直；通过一米零售播放完成用户从线上了解当地美食，到线下门店去吃火锅的商业变现过程。又达到了品牌宣传推广的作用。',
            desc2: `投放广告数量<span style='color:#F9446B;'>4000台机子</span>,<br>问卷调查限制<span style='color:#F9446B;'>6000人</span>通过一米零售平台转化。`
        }
        ],
        swiper2: null, //轮播对象
        swiperRealIndex2: 0,
        //新闻中心
        news1: "",
        news2: "",
        load_more_1: 5,
        load_more_2: 5,
        activeIndex1: 99999,
        activeIndex2: 99999,
        news1_show: true,
        news2_show: true,
        showMore: true,
        hideMore: false,
        currentPage: 1, //当前页码
        limit: 10, //每页显示条数
        totalCount: 100, //总页数
        total_1: 0, //近期动态总数
        total_2: 0, //热门报道总数
        //新闻详情页
        title: '',
        activebox: 1,
    },
    methods: {
        //公共方法
        contactUs() {
            console.log($('#nb_icon_wrap'))
            if ($('#nb_icon_wrap').length > 0) {
                $('#nb_icon_wrap').click();
            }
        },
        backTop: function () {
            $("html,body").animate(
                {
                    scrollTop: "0px"
                },
                300
            );
        },
        //首页
        initSwiper: function () {
            if (vm.swiper != null) return;
            // console.log('init swiper');
            vm.swiper = new Swiper(".swiper-container", {
                autoplay: 2000,
                loop: true,
                pagination: ".swiper-pagination",
                paginationClickable: true,
                autoplayDisableOnInteraction: false,
                onSlideChangeEnd: function (swiper) {
                    vm.swiperRealIndex = swiper.realIndex;
                    // console.log(swiper.realIndex)
                }
            });
        },
        initSwiper_top: function () {
            if (vm.swiper_top != null) return;
            // console.log('init swiper');
            vm.swiper_top = new Swiper(".swiper-container-top", {
                autoplay: 2000,
                loop: true,
                autoplayDisableOnInteraction: false
            });
        },
        changeSwiper: function (index) {
            vm.swiperRealIndex = index;
            vm.swiper.slideTo(index + 1, 500, false);
            // console.log(index)
        },
        //合作加盟
        changeTab: function (index) {
            vm.activeIndex = index;
        },
        //广告招商
        initSwiper2: function () {
            if (vm.swiper != null) return;
            // console.log('init swiper');
            vm.swiper2 = new Swiper('.swiper-container', {
                autoplay: 2000,
                loop: true,
                observer: true,
                autoplayDisableOnInteraction: false,
                pagination: '.swiper-pagination',
                paginationClickable: true,
                onSlideChangeEnd: function (swiper) {
                    vm.swiperRealIndex2 = swiper.realIndex;
                    // console.log(swiper.realIndex)
                },
                paginationBulletRender: function (swiper, index, className) {
                    return '<span class="' + className + '" style="width:20px;height:20px;"></span>';
                }
            });
        },
        changeSwiper2: function (index) {
            vm.swiper2.slideTo(index + 1, 1000, false)
            vm.swiperRealIndex2 = index + 1;
        },
        //新闻中心
        mouseOver1: function (index) {
            vm.activeIndex1 = index;
        },
        mouseLeave1: function (index) {
            vm.activeIndex1 = 9999;
        },
        mouseOver2: function (index) {
            vm.activeIndex2 = index;
        },
        mouseLeave2: function (index) {
            vm.activeIndex2 = 9999;
        },
        loadMore: function (num, total) {
            vm.showMore = false;
            vm.hideMore = true;
            switch (num) {
                case 1:
                    vm.news1_show = true;
                    vm.news2_show = false;
                    vm.$nextTick(function () {
                        showList(vm.news1, 'list_up_page', '#list_up')
                    })
                    break;
                case 2:
                    vm.news1_show = false;
                    vm.news2_show = true;
                    vm.$nextTick(function () {
                        showList(vm.news2, 'list_down_page', '#list_down')
                    })
                    break;
                default:
                    break;
            }
        },
        unloadMore: function (num) {
            vm.showMore = true;
            vm.hideMore = false;
            vm.news1_show = true;
            vm.news2_show = true;
            switch (num) {
                case 1:
                    vm.load_more_1 = 5;
                    break;
                case 2:
                    vm.load_more_2 = 5;
                    break;
                default:
                    break;
            }
        },
        getTableData: function () {
            var params = {
                pageSize: vm.limit,
                pageNum: vm.currentPage
            };
            console.log(params);
        },
        //新闻详情页
        historyBack: function () {
            history.back();
        }

    },
    computed: {
        year: function () {
            return function (time) {
                return new Date(time * 1000).getFullYear();
            };
        },
        month: function () {
            return function (time) {
                if (new Date(time * 1000).getMonth() + 1 < 10) {
                    let month = new Date(time * 1000).getMonth() + 1;
                    return "0" + month;
                } else {
                    return new Date(time * 1000).getMonth() + 1;
                }
            };
        },
        day: function () {
            return function (time) {
                if (new Date(time * 1000).getDate() < 10) {
                    let date = new Date(time * 1000).getDate();
                    return "0" + date;
                } else {
                    return new Date(time * 1000).getDate();
                }
            };
        },
        load_more_min_pageNum: function () {
            return (vm.currentPage - 1) * vm.limit;
        },
        load_more_max_pageNum: function () {
            return vm.currentPage * vm.limit;
        }
    },
})
$(function () {
    $(".backTop").hide();
    $(window).scroll(function () {
        var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;
        vm.scrollTop = scrollTop;
        if (scrollTop > 140) {
            $(".backTop").fadeIn();
        } else {
            $(".backTop").fadeOut();
        }
    })
})
/**
 * 获取URL参数
 * @param 参数名
 * @returns 参数值
 */
function GetQueryString(name) {
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
    var r = window.location.search.substr(1).match(reg);
    if (r != null) return decodeURI(r[2]);
    return null;
}